Capture the Moment

Designer's Comments

Look carefully for specific instructions

Please be sure to go through and change everything. If you have any questions feel free to visit the layout site and visit the help & support blog. Thanks =]

www.myspace.com/sweetxmiseryxlayouts

ooo and ps.. the blur on the photograph in the banner is supposed to be like that.

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style type="text/css">
body table {margin-top:-50000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body table div form{display:block;}
div table td font {visibility:hidden; }
a.navbar:active, a.navbar:visited, a.navbar:link { display:none; }
a.navbar:hover { display:none; }
.navbar {visibility:hidden; display:none;}
.userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;}
a.text, table div font a, table div div {visibility:hidden;}
table tr td div font {display: none;}
body div table td form {display:none!important;}
table, td, tr{ background-color:transparent;}

td td embed, td td object {position:absolute; left:0px; top:0px; width:260px; height:47px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}

body {
background-color:white;
background-image:none;
background-attachment:fixed;
background-position:top left;
background-repeat:repeat; 
font-weight:normal;
scrollbar-face-color:white;
scrollbar-track-color:white;
scrollbar-arrow-color:black;
scrollbar-highlight-color:black;
scrollbar-3dlight-color:black;
scrollbar-shadow-color:black;
scrollbar-darkshadow-color:black;
}

img {border:0px;}
.friends img {height:90px;}

div {
font-family:arial narrow;
font-size:9px;
line-height:10px;
color:black;
text-decoration:none;
font-weight:normal;
}

a, a:link, a:visited, a:active {
text-transform:uppercase;
font-size:7px;
font-weight:normal;
font-family:small fonts;
text-decoration:none;
color:black;
}

a:hover {
text-transform:uppercase;
font-size:7px;
font-weight:normal;
font-family:small fonts;
text-decoration:none;
color:white;
background-color:black;
}

.image{
position:absolute;
top:150px;
left:360px;
width:300px;
height:230px;
padding:0px;
background-color: white;
border: 3px solid black;
overflow:auto;
background-color: white;
background-image: url("http://cbimg6.com/layouts/07/10/30/22763aa.jpg");
background-attachment: scroll;
background-position: center;
background-repeat: no-repeat;
}

.about {
position:absolute;
top:390px;
left:360px;
width:300px;
height:230px;
padding:0px;
background-color:white;
border:3px solid black;
overflow:auto;
background-color:white;
background-image: none;
background-attachment:scroll;
background-position:top left;
background-repeat:repeat; 
}

.friends {
position:absolute;
padding:0px;
top:390px;
left:150px;
width:100px;
height:230px;
background-color:white;
border:1px solid black;
background-color:white;
background-image:none;
background-attachment:scroll;
background-position:top left;
background-repeat:repeat;
text-align:center; 
}

.nav {
position:absolute;
background-color:white;
padding:0px;
top:150px;
width:100px;
height:230px;
left:150px;
border:1px solid black;
text-align:center;
}

.splat {
text-transform:uppercase;
font-size:7px;
font-weight:normal;
font-family:small fonts;
display:block;
width:75px;
height:10px;
}

.splat:hover {
text-transform:uppercase;
font-size:7px;
font-weight:normal;
font-family:small fonts;
color:white;
display:block;
width:75px;
height:10px;
background-color:black;
text-align:center;
}

h1 {
font-family:small fonts;
font-weight:normal;
text-align:center;
color:white;
border:0px;
font-size:7px;
text-transform:uppercase;
padding:0px;
background-color:black;
display:block;
}
</style>

<div class="about">
<h1>Your Display Name Here</h1>
<b>"HEADLINE GOES HERE"</b><br><br>

Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here.Your about me goes here.Your about me goes here.Your about me goes here.

<h1>Who I'd Like To Meet:</h1>
Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here. Put your "Who I would like to meet" here.

<h1>Music:</h1>
Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here. Music goes here.

<h1>Movies/Tv:</h1>
<b>Movies:</b><br><br> 
Movies go here. Movies go here. Movies go here. Movies go here. Movies go here. Movies go here. Movies go here. Movies go here. Movies go here. Movies go here. Movies go here. Movies go here. Movies go here.<br><br>

<div class="friends">
<h1>Friends</h1><br>
<a href="TOP 1 URL HERE">TOP 1 NAME HERE</a><br><br>
<a href="TOP 2 URL HERE">TOP 2 NAME HERE</a><br><br>
<a href="TOP 3 URL HERE">TOP 3 NAME HERE</a><br><br>
<a href="TOP 4 URL HERE">TOP 4 NAME HERE</a><br><br>
<a href="TOP 5 URL HERE">TOP 5 NAME HERE</a><br><br>
<a href="TOP 6 URL HERE">TOP 6 NAME HERE</a><br><br>
<a href="TOP 7 URL HERE">TOP 7 NAME HERE</a><br><br>
<a href="TOP 8 URL HERE">TOP 8 NAME HERE</a><br><br>
</div>

<div class="nav">
<h1>Navigation</h1><br>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="splat">Home</a><br>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=FRIEND ID HERE" class="splat">Message</a><br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=FRIEND ID HERE" class="splat">Add</a><br>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=FRIEND ID HERE" class="splat">Comment</a><br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=FRIEND ID HERE" class="splat">Pictures</a><br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=FRIEND ID HERE" class="splat">Blog</a><br>
<a href="http://www.myspace.com/sweetxmiseryxlayouts" class="splat">SXMXL</a><br>
</div>

Layout Comments

Showing latest 10 of 15 comments

This is cute.

By dilligrout on Oct 6, 2008 2:15 pm

if you want a comment box instead of a comment link... just remove the link and put your comment box in the about me section

By soxsweetxmisery on Jan 21, 2008 10:03 am

"put" not but...but ya...

By sabergold on Nov 12, 2007 3:52 pm

i really like your design but i don't want a comment link on the page i just want a comment box...i tried taking the link off and it worked but i can't seem to but a comment box on the page...can you help me out on this one??? i'd really appreciate it. Thanks!
sabergold

By sabergold on Nov 12, 2007 3:50 pm

beautiful

By exthreex3 on Nov 1, 2007 7:28 pm

i was going to use it but the girl in the photo is appealing even if it is blurry

By jeanna on Oct 31, 2007 10:25 pm

just a little tip off to everyone... the blur on the image was supposed to keep people from identifying the couple in the picture... but it didn't work out as well as i thought. sorry folks. =[

By soxsweetxmisery on Oct 31, 2007 12:15 am

I think the font should be bigger in the content areas, cuz it's a wee bit too small... >.>

By DelicateLove on Oct 31, 2007 12:13 am

this is great...i'm not too fond of the image though lol

By jesusisthebestthing on Oct 30, 2007 10:00 pm

i love it. i think the image could have been better though. buts its alright the way it is right now. good job!

By alecreations on Oct 30, 2007 9:35 pm

View all »

Layout Details

Designer	soxsweetxmisery
Submitted on	Oct 30, 2007
Page views	37,700
Favorites	194
Comments	15
Reviewer	IVIike
Approved on	Oct 30, 2007